<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Online Learning</title>
    <link rel="stylesheet" href="__STATIC__/static/user/css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/flexslider.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/jquery.fancybox.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/ol_main.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/responsive.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/animate.min.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/font-icon.css">
    <link rel="stylesheet" href="__STATIC__/static/user/css/video-js.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<header>
    <div class="banner">
        <div class="nav navbar-inverse">
            <div class="container">
                <div class="navbar-header">
                    <a class="logo" href="../../index/index/all"><img src="__STATIC__/static/user/images/logo.png" alt=""></a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a class="login" href="../../user/login/loginn">登录</a></li>
                        <li><a class="regis" href="../../user/regis/usregis">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="order">
    <div class="container">
        <div class="row">
            <div class="span12 col-md-12 ">
                <div class="list">
                    <ul id="order_list">
                        <li><span>全部：</span></li>
                        <li><a href="#" >HTML教程</a></li>
                        <li><a href="#" >JavaScript教程</a></li>
                        <li><a href="#">CSS教程</a></li>
                        <li><a href="#">AngularJS教程</a></li>
                        <li><a href="#">JAVA教程</a></li>
                        <li><a href="#">Python教程</a></li>
                        <li><a href="#">PHP教程</a></li>
                        <li><a href="#">Linux教程</a></li>
                    </ul>
                </div>
                <div class="level">
                    <ul id="order_level">
                        <li><span>类型：</span></li>
                        <li><a href="#">入门篇</a></li>
                        <li><a href="#">进阶篇</a></li>
                        <li><a href="#">高阶篇</a></li>
                        <li><a href="#">项目实战</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--main-->
<div class="content">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="course-card-container">
                    <a data-toggle="modal" data-target=".bs-example-modal-lg">
                        <div class="course-card-top">
                            <img class="course-banner lazy" data-original="http://img1.mukewang.com/598aee4a00019aaf06000338-240-135.jpg" src="http://img1.mukewang.com/598aee4a00019aaf06000338-240-135.jpg" style="display: inline;">
                            <div class="course-label">
                                <label>JavaScript</label>
                                <label>前端工具</label>
                            </div>
                        </div>
                        <div class="course-card-content">
                            <h3 class="course-card-name">基于websocket的火拼俄罗斯</h3>
                        </div>
                    </a>
                    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="1024" height="768"
                                       poster="http://video-js.zencoder.com/oceans-clip.png"
                                       data-setup="{}">
                                    <!--视频资源地址-->
                                    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
                                </video>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer -->
<footer class="section footer" style="background-color: #e3e3e3">
    <div class="footer-bottom">
        <div class="container">
            <div class="col-md-12">
                <p>
                <ul class="footer-share">
                    <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                    <li><a href="#"><i class="fa fa-qq"></i></a></li>
                    <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                    <li><a href="#"><i class="fa fa-phone"></i></a></li>
                </ul>
                </p>
                <p>© 2017 All rights reserved. All Rights Reserved<br>
                    <a href="http://www.cqgcxy.com:804/">重庆工程学院软件与计算机学院</a>版权所有</p>
            </div>
        </div>
    </div>
</footer>
<!-- footer -->
<script src="__STATIC__/static/user/js/jquery.min.js"></script>
<script src="__STATIC__/static/user/js/bootstrap.min.js"></script>
<script src="__STATIC__/static/user/js/video.min.js"></script>
<script src="__STATIC__/static/user/js/jq-load.js"></script>
</body>
